<%--
  Created by IntelliJ IDEA.
  User: 123
  Date: 2020/5/21
  Time: 13:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
    
    <%@include file="/common/com.jsp"%>
</head>
<body style="background: blueviolet">

<div id="root">
    <card style="width: 30%;margin: 100px auto">
        <p slot="title">
            用户登录
        </p>
        <i-form style="width: 60%;margin: 20px auto;" action="${pageContext.request.contextPath}/login" method="post">
            <c:if test="${not empty loginErr}">
                <alert type="error" show-icon>${loginErr}</alert>
            </c:if>
            <form-item>
                <i-input prefix="ios-contact" name="userCode" placeholder="请输入用户名" size="large"></i-input>
            </form-item>
            <form-item>
                <i-input prefix="ios-lock" name="password" type="password"placeholder="请输入密码" size="large"></i-input>
            </form-item>
            <form-item>
                <i-button  html-type="submit" type="primary"style="margin-left: 70px">登录</i-button>
            </form-item>
        </i-form>
    </card>
</div>
</body>
<script>
    new Vue({
        el:"#root"
    })
</script>
</html>
